<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Bootstrap</title>
	<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
</head>
<body style="margin: 100px;">
	<input class="btn" type="button" value="发送">
	<input class="btn btn-info" type="button" value="发送">

	<!-- 
		font-size设置为14px,行高设置为1.428(即20px),p段落被设置1/2行高(即10px),颜色设置#333。

	1.样式
		0)	.lead类							//突出
		1)	h1~h6标签或.h1~.h6类
		2)	small标签或.small类 			//标准字体(14px)的85%,在h标签内就不是85%了,会有相应的变化
		3)	mark标签或.mark类				//标记

		4）	del标签							//删除的文本,中划线
			s标签							//无用的文本,中划线
			trike标签						//中划线

		5)	u标签							//下划线
			ins标签							//插入的文本,下划线

		6)	strong标签 						//加粗
		7)	em标签 							//倾斜

	2.对齐方式
		1)	.text-left类					//居左
			.text-right类					//居右
		2)	.pull-left 						//快速浮动，左浮动
		2)	.pull-right 					//快速浮动，右浮动

		3)	.center-block 					//块居中
		3)	.text-center类					//文本居中

		4)	.text-nowrap类					//不换行
		5)  .text-justify类					//两端对齐，支持度不准

	3.大小写
		1)	.text-lowercase类				//小写
		2)	.text-uppercase类				//大写

	4.标记一个缩写
		1)	abbr标签						//类似于title
	
	5.地址文本
		1)	address标签						//去掉了倾斜,设置了行高,底部20px
	
	6.引用文本
		1)	blockquote标签或.blockquote-reverse类 			//前面多了一条竖线。如果是.blockquote-reverse竖线在右边

	7.引用排版
		1)	.list-unstyled类 				//移除默认样式
		2)	.list-inline类					//转成内联元素
	
	8.水平排列描述dl列表(无ul、ol)
		1) 	.dl-horizontal

	9.代码/代码块
		1)	code标签						//提示这是一串代码
		2)	kbd标签							//提示用户输入
		3)	pre标签							//代码块

	 -->

	<!-- 	<h1>bootstrap 框架</h1>
	<div class="h1">bootstrap 框架(.h1)</div>
	<h1>bootstrap <span class="small">框架(small标签或.small小标题)</span></h1>
	<mark>bootstrap 框架(mark标签或.mark类)</mark>
	<del>bootstrap 框架(del标签)</del>
	<strike>bootstrap 框架(strike标签)</strike>
	<s>bootstrap 框架(s标签)</s>
	<p>内联标签：del标签 = strike标签 = s标签</p>
	<p>内联标签：u标签 = ins标签</p>
	<u>bootstrap 框架(u标签)</u>
	<ins>bootstrap 框架(ins标签)</ins>
	 -->
	<abbr title="中华人民共和国">中国</abbr>
	<blockquote>引用文本</blockquote>
	<blockquote class="blockquote-reverse">.blockquote-reverse引用文本</blockquote>

	<ul class="list-unstyled list-inline">
		<li>1111</li>
		<li>2222</li>
	</ul>

	<div class="center-block text-center" style="width: 100px; height: 30px; background-color:#eee;">居中</div>

	<dl class="dl-horizontal">
		<dt>标题</dt>
		<dd>内容</dd>
	</dl>

	<code>&lt;代码部分&gt;</code>
	请按下<kbd>ctrl + A</kbd>
	<pre>这里是一大段代码区域</pre>

	<script src="bootstrap-3.3.5-dist/jquery/jquery.min.js"></script>
	<script src="bootstrap-3.3.5-dist/bootstrap/bootstrap.min.js"></script>
</body>
</html>